@use 'sass:map';

// 回路开关分组
.loop-group-tree-header {
  display: flex;
  justify-content: space-between;
}

.loop-group-tree {
  height: 100%;

  :global(.el-card__body) {
    height: calc(100% - 145px);
  }

  .loop-group-tree-scrollball {
    margin-top: 16px;
  }

  .loop-group-tree-space {
    width: 100%;

    .loop-group-tree-alert {
      background-color: transparent;
      border: 1px solid map.get($border-color, '');
      color: map.get($text-color, 'primary');

      &:hover {
        border-color: $color-primary;
      }

      &.loop-group-tree-active-alert {
        background-color: rgba($color-primary, 0.1);
        border-color: $color-primary;
        color: map.get($text-color, 'primary');
      }

      :global(.el-alert__content) {
        display: block;
        width: 100%;
        padding: 0;
      }

      .loop-group-tree-alert-title {
        display: flex;
        justify-content: space-around;

        :global(.text-one-line-overflow) {
          flex: 1;
          padding-right: 8px;
        }

        .loop-group-tree-alert-btns {
          gap: 8px;
        }
      }
    }
  }
}

.loop-group-content {
  min-height: 100%;
}

.task-info-title {
  color: map.get($text-color, 'primary');
  font-size: map.get($font-size, 'base');
  margin-bottom: map.get($spacing, 'secondGear');
}

.choose-group-radio {
  width: 100%;
  display: flex;
  flex-wrap: wrap;

  :global {
    .el-radio {
      margin-right: 0;
      width: 50%;
      padding: 0 map.get($map: $spacing, $key: 'firstGear');
      box-sizing: border-box;

      .el-radio__label {
        flex: 1;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
    }
  }
}

.form-values-btns-tool {
  text-align: right;
}

.weekly-tasks-tips-content {
  font-size: map.get($font-size, 'small');

  .weekly-tasks-tips-img {
    width: 430px;
  }
}

.weekly-task-table-title {
  font-size: map.get($font-size, 'base');
  color: map.get($text-color, 'primary');

  :global {
    .el-checkbox__label {
      font-size: map.get($font-size, 'base');
    }
  }
}

.weekly-task-table-form-item {
  &:global(.el-form-item) {
    margin-bottom: 0;
  }

  :global {
    .el-form-item__content {
      justify-content: center;
    }
  }
}

.all-day-task-radio {
  margin: 0 map.get($spacing, 'firstGear') 0 0;

  &:last-child {
    flex: 1;

    :global {
      .el-radio__label {
        flex: 1;
      }
    }
  }
}
